<html>
  <head>
    <title>Javascript test</title>
  </head>
  <body>
     foo<br>
     <script><!--
        href = "";
        href = href + (new Date()).getTime();
        var hashIndex = self.location.href.indexOf("#");
        self.document.writeln(href + '<br>' + hashIndex + "<br>");
        document.writeln(12345);
        document.writeln('<br>');
        document.writeln(9000.25);
        document.writeln('<br>');
         //-->
     </script> 
     <br>
     <script><!--
        document.write('foobar');
        //-->
     </script>
     <div style="border: magenta solid 2px;">
     <div id="mydiv1">before</div>
     <div align="right">right aligned div</div>
     </div>
     <div id="mydiv2">before</div>
     <div id="mydiv3">before</div>
     <div id="mydiv4">before</div>
     <script>
         document.getElementById('mydiv1').innerHTML = '<b>this is my new text!</b>';
         // different casing should not work
         document.getElementById('mydiv1').innerHtml = '<b>this should not show</b>';
         setTimeout('changeIt()', 2000);
         document.getElementById('mydiv3').innerText = '<b>setting as text</b>';
         document.getElementById('mydiv4').innerText = 9876;
         
         function changeIt() {
         	document.getElementById('mydiv2').innerHTML = '<div style="border: solid 2px green;">in block</div>';
         }     	
     </script>
  </body>
</html>